<template>
    <div style="margin-bottom: 16px;width: 100%;">
        <p class="labelInput"> <i class="require" v-if="Boolean(requires)">*</i> {{ label }}</p>
        <slot></slot>
    </div>
</template>

<script>
export default{
    props:{
        label:{
            type:String,
            default:'',
        },
        requires:{
            type:Boolean,
            default:false,
        }
    }
}
</script>

<style lang="scss" scoped>
.labelInput{
    font-size: 16px;
    color: #414A60;
    position: relative;
    margin-bottom: 8px;
    // font-weight: 600;
    .require{
        color: #D0021B;
        font-size: 16px;
        // position: absolute;
    }
}
</style>